import React, {Component} from 'react';
import {NavLink} from "react-router-dom";

export default class Tabbar extends Component {
    render() {
        return (
            <div>
                <ul>
                    <li>
                        {/*<a href="#/films">电影</a>*/}
                        <NavLink to="/films" activeClassName="hhh">电影</NavLink>
                    </li>
                    <li>
                        {/*<a href="#/cimemas">影院</a>*/}
                        <NavLink to="/cimemas" activeClassName="hhh">影院</NavLink>

                    </li>
                    <li>
                        {/*<a href="#/center">我的</a>*/}
                        <NavLink to="/center" activeClassName="hhh">我的</NavLink>

                    </li>
                </ul>

                {/*NavLink:声明式导航*/}



                {/*this.props.history.push('/XXX):编程式导航*/}
            </div>
        );
    }
}
